<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Blockly编辑器</title>
    <!-- Blockly核心 -->
    <script src="https://unpkg.com/blockly/blockly.min.js"></script>
    <script src="blockly_init.js"></script>
</head>
<body onload="a()">
    <h1>Blockly块状编辑器</h1>
    <a href="index.html">返回</a>
    <button>从动态代码生成静态界面文件（高级功能）</button>
    切换显示文字代码界面<input type="checkbox" >
    <center><a href="https://developers.google.cn/blockly" target="_blank">powered by google blocky</a></center>
    <xml id="toolbox" style="display: none">
        <block type="controls_if"></block>
        <block type="controls_repeat_ext"></block>
        <block type="logic_compare"></block>
        <block type="math_number"></block>
        <block type="math_arithmetic"></block>
        <block type="text"></block>
        <block type="text_print"></block>
      </xml>
    <div id="blocklyDiv" style="height: 480px; width: 1200px;"></div>
    <div id="codeView" editable="true">
        文字代码编辑界面
        <!-- todo 使用gitee的开源代码编辑器  -->
        <!-- monaco-editor: 基于 Web 的代码编辑器 -->
        <input type="text" placeholder="此处用于给高级用户修改和添加自定义文字代码，没有编程基础的不要乱动！！" style="width: 1000px;">
      
    </div>
</body>
</html>